<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>分类</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/feilei.css" />
	</head>
	<body>
		<header class="header">
			<div class="zouxiuwang">
				<span class="zouxiu">
					<p>ZOUXIU 走秀网</p>
				</span>
			</div>
		</header>

		<section class="center">
			<div class="search">
				<input type="text" placeholder="请输入搜索内容"/>
			</div> 
			<p class="quanbu">
				<span>全部</span>
				<span class="pos show">
					<img src="../img/bg2.png"/>
				</span>
				<span class="pos">
					<img src="../img/bg1.png"/>
				</span>
			</p>
			<ul class="list">
				<li class="active"><a href="">衬衫</a><span><img src="../img/bg2.png"/></span></li>
				<li class="active"><a href="">女装T恤</a><span><img src="../img/bg2.png"/></span></li>
				<li class="active"><a href="">珠宝配饰</a><span><img src="../img/bg2.png"/></span></li>
				<li class="active"><a href="">美食保健</a><span><img src="../img/bg2.png"/></span></li>
				<li class="active"><a href="">化妆品</a><span><img src="../img/bg2.png"/></span></li>
				<li class="active"><a href="">品牌专场</a><span><img src="../img/bg2.png"/></span></li>
				<li class="active"><a href="">衬衫</a><span><img src="../img/bg2.png"/></span></li>
			</ul>
			
		</section>
	<footer>
		<ul class="footer-nav">
			<li >
				<i><img src="../img/tab-shou.png"></i>
				<p>首页</p>
			</li>
			<li class="show">
				<i><img src="../img/tab-fen.png"></i>
				<p>分类</p>
			</li>
			<li>
				<i><img src="../img/tab-gou.png"></i>
				<p>购物车</p>
			</li>
			<li>
				<i><img src="../img/tab-xiu.png"></i>
				<p>我的秀</p>
			</li>
			<li>
				<i><img src="../img/tab-geng.png"></i>
				<p>更多</p>
			</li>
		</ul>
	</footer>
		<script src="../js/zepto.min.js"></script>
		<script src="../js/swiper.min.js"></script>
		<script src="../js/jquery-2.2.4.min.js"></script>
		<script>
			$(function(){
				$(".quanbu").on("click", function(){
					$(".pos").toggleClass("show");
					$(this).next().stop().slideToggle();
				})
			})
		</script>
		<script type="text/javascript" src="../js/tiaozhuan.js"></script>
</body>
</html>